<template>
  <div>
    <p>{{msg}}</p>
    <!-- <input type="text" v-model="msg"> -->
    <!-- 在input输入框里面 change事件 是 输入框失去焦点才会触发的事件 -->
    <!-- input才是输入事件 -->
    <!-- <input type="text" :value='msg' @input="change"> -->
    <input type="text" :value="msg" @input="msg = $event.target.value ">
    <p>{{ count}}</p>
    <button @click="fn(2, $event)">测试按钮 + 2</button>
    <button @click="fn(4)">测试按钮 + 4</button>
    <button @click="fn">测试按钮 + 4</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'a',
      count: 1
    }
  },
  methods: {
    fn(e, a){
      console.log(e,a);
      // this.count++
    },
    change(e) {
      console.log(e.target.value);
      this.msg = e.target.value
    }
  }
}
</script>